<template>
    <dl class="wioc-list-assets">
        <dd :key="'a'+index" v-for="(item,index) in datalist">
            <div>
               <wioc-icon-svg class="icon" :name="item.icon"></wioc-icon-svg>
               <h3>{{item.name}}</h3>
            </div>
            <div>
               <h4>{{item.num}}</h4>
               <span>{{item.unit}}</span>
            </div>
        </dd>
    </dl>
</template>


<script>
    export default {
        name:"wioc-list-assets",
        components:{

        },
        data(){
            return{
            }
        },
        props:{
            datalist:Array,
        },
		methods:{

			
		}
    }

</script>

<style lang="less" scoped>
.wioc-list-assets{
	dd{
		display: flex;
		justify-content: space-between;
		div{
			h3,span{
				display: inline-flex;
				font-weight: normal;
				font-size: 0.11rem;
				line-height: 0.2rem;
				color: #595959;
			}
			h4{
			   display: inline-flex;
			   font-size: 0.2rem;
			   line-height: 0.2rem;
			   color: #000000;
			}
			.icon{
				width: 0.16rem;
				height: 0.16rem;
				font-size: 0.16rem;
				line-height: 0.2rem;
			}
		}
	}
}
</style>
